<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/main.css">
    <title>任务三：三栏式布局</title>
</head>
<body>
<div class="wrapper">
    <div class="left">
        <img class="logo" src="images/pic.jpg"/>
        <div class="name">红鲤鱼与绿鲤鱼与驴队</div>
    </div>
    <div class="right">
        <img  src="images/member3.jpg" />
        <img  src="images/member4.jpg" />
        <img  src="images/member2.jpg" />
        <img  src="images/member1.jpg" />
    </div>
    <div class="middle">
        <h2>红鲤鱼与绿鲤鱼与驴队</h2>
        <h3>团队介绍</h3>
        <p>
            我们是来自黑龙江大学计算机科学计算学院软件学院大二，大一的同学，身为学长的我带领着四个学妹
            参加了这次百度前端技术学院。我自己的方向是后台的JavaEE，但是想通过参加这次技术培训，
            多学习些前端的知识(顺便还能带带学妹们╭(●｀∀´●)╯)，其他队友都是刚开始学习前端，正好可以
            通过这次0基础地学习，系统地学习前端知识~~
        </p>
        <h3>
            队员介绍
        </h3>
        <p>
            有时间再更新哈╭(′▽`)╭(′▽`)╯
        </p>
    </div>
</div>
</body>
</html>